import './index.less';
import { Tabs } from 'antd';
import PublicTitle from '@/components/public-title';
import Minor from './minor';
export default function RightMid() {
  const namespace = 'rightmid';
  return (
    <div className={`${namespace}`}>
      <div className={`${namespace}-title`}>
        <PublicTitle name="模型动态" />
      </div>
      <div className={`${namespace}-content`}>
        <Tabs
          centered
          tabBarGutter={70}
          className={`${namespace}-content-tabs`}
          defaultActiveKey="1"
          items={[
            {
              label: `未成年人`,
              key: '1',
              children: (
                <div className={`${namespace}-content-data`}>
                  <Minor
                    xData={[102, 178, 290, 300, 320, 430, 440]}
                    sData={[100, 198, 210, 280, 350, 389, 420]}
                  />
                </div>
              ),
            },
            {
              label: `婚恋矛盾`,
              key: '2',
              children: <div className={`${namespace}-content-data`}>2</div>,
            },
            {
              label: `经济纠纷`,
              key: '3',
              children: <div className={`${namespace}-content-data`}>3</div>,
            },
            {
              label: `精神病患`,
              key: '4',
              children: <div className={`${namespace}-content-data`}>3</div>,
            },
          ]}
        />
      </div>
    </div>
  );
}
